<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>今日校园</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			img {
				vertical-align: bottom;
			}

			li {
				list-style: none;
			}

			a {
				text-decoration: none;
			}

			.clearfix::before,
			.clearfix::after;

				{
				content: '';
				display: table;
			}

			.clearfix::after;

				{
				clear: both;
			}


			.f1 {
				float: left;
			}

			.fr {
				float: right;
			}

			.w {
				height: 90px;
				width: 1500px;
				margin: 0 atou;
			}

			.w2 {
				height: 800px;
			}

			.w3 {
				margin: 50px 150px;
				height: 700px;
			}

			.w4 {
				margin:100px 0px 0px 120px;
				height: 700px;
			}

			.w5 {
				margin:100px 0px 0px 100px;
				height: 700px;
			}
			.w6{
				margin:50px 0px 0px 0px;
				height: 60px;
			}
			.w7{
				margin:10px 0px 0px 280px;
				height: 60px;
			}
			.w8{
				margin:500px 0px 0px 0px;
			}
			.bd {
				border: 1px solid black;
			}

			.logo {
				margin-left: 155px;
				padding-top: 15px;
				padding-bottom: 12px;
			}

			.logoa {
				padding-top: 30px;
			}

			.jj {
				margin-left: 100px;
			}

			.current {
				border-bottom: 3px solid #53c7ca;
				color: #53c7ca;
			}

			.dd {
				font-size: 15px;
				font-family: "arial narrow";
				color: white;
				margin-right: 30px;
			}

			.dd>a:visited {
				color: white;
			}

			.dd>a:hover {
				color: #53c7ca;
			}

			.bt {
				background: url(./img/CMA54WD4GZ$_B%7DFBH~J_%7BBD.png);
			}

			.login-btn {
				margin: 30px 15px;

				width: 86px;
				padding: 5px 0;
				line-height: normal;
				border-radius: 5px;
				font-size: 10px;
				box-sizing: border-box;
				color: #ffffff;
				display: inline-block;
				text-align: center;
				background-color: #53c7ca;
			}

			.ff1 {
				margin-top: 160px;
				text-align: center;
				font-size: 65px;
				color: white;
			}

			.ff2 {
				margin-top: 15px;
				text-align: center;
				font-size: 15px;
				color: white;
			}

			.ff3 {
				margin-top: 40px;
				margin-left: 600px;
				font-size: 50px;
				color: white;
				width: 86px;
				padding: 10px 23px 10px 23px;
				line-height: normal;
				border-radius: 5px;
				font-size: 15px;
				color: #ffffff;
				display: inline-block;
				text-align: center;
				border: 1px solid #FFFFFF;
			}

			.ff4 {
				margin-top: 40px;
				margin-left: 50px;
				font-size: 50px;
				color: white;
				width: 86px;
				padding: 10px 23px 10px 23px;
				line-height: normal;
				border-radius: 5px;
				font-size: 15px;
				color: #ffffff;
				display: inline-block;
				text-align: center;
				border: 1px solid #FFFFFF;
			}

			.ft1 {
				margin-top: 30px;
				font-size: 40px;
				text-align: center;
			}

			.ft2 {
				padding-top: 20px;
				width: 800px;
				margin: 0 auto;
				font-size: 18px;
				text-align: center;
			}
			.fs1{
				padding-top: 250px;
					text-align: center;
				font-size: 40px;
			}
			.fs2{
				padding-top: 20px;
				text-align: center;
				font-size: 18px;
			}
			.fs3{
				padding-right: 25px;
				
			}
			.fs4{
				padding-top: 20px;
					text-align: center;
				font-size: 25px;
			}
			.jz{
				padding-top: 25px;
				width: 1050px;
				height: 420px;
				margin: 0 auto;
			}
			.a{
				font-size: 30px;	
			}
			a:visited{
				color: black;
			}
			a:hover{
				color: #53c7ca;
			.b{
				font-size: 15px;		
			}	
			
			.button{
				
			text-align: center;	
			}
		</style>
	</head>
	<body>
		<div class="w2 bt">
			<div class="w  ">
				<div class="logo f1 "><img src="./img/pr/cropped-hoy.png" width="125px" height="60px"></div>
				<div class="f1  jj ">
					<ul class=" logoa navigation">
						<li class="current f1 dd "><a href="">产品介绍</a></li>
						<li class="f1 dd"><a href="">易搬共建</a></li>
						<li class="f1 dd"><a href="">应运生态</a></li>
						<li class="f1 dd"><a href="">开放平台</a></li>
						<li class="f1 dd"><a href="">运营服务</a></li>
						<li class="f1 dd"><a href="">校园之星</a></li>
						<li class="f1 dd"><a href="">关于我们</a></li>
					</ul>
				</div>
				<div class=" f1 login-btn">控制台</div>
				<div class=" f1 login-btn">创作者中心</div>
				<div class=" f1 login-btn">产业入口</div>
			</div>
			<div class=" ff1">Campushoy</div>
			<div class=" ff2">今日校园 一切为了大学生成长</div>
			<div class=" ff3">立即下载</div>
			<div class=" ff4">申请入住</div>
	 	</div>
     <div>
		<div class="ft1"> 新一代移动校园产品,开启数智校园新生态</div>
		<div class=" ft2"> 今日校园是以手机 App 为载体，学生成长体系为模型，聚合了校内及校外互联网优质的 内容和应用，为大学生提供学习、生活、就业等全方面优质服务的移动互联网平台。</div>
		<div class="w3"><img src="./img/pr/ww.png"></div>
		<div class="w4"><img src="img/pr/4_S%60%5BIG2I11N641_JFA%25@%5D0.png"></div>
        <div class="w5"><img src="img/pr/1DEP%25FB~5Q2B%60P)YY354F)5.png"></div>
	</div>
        <div class="fs1">大事件更新</div>
		 <div class="fs2">官网仅展示最近三次更新记录，版本相关请到app store查看历史版本</div>
		<div class=" jz">
			<div class="f1 fs3"><img src="img/pr/aaa.png"width="325px" height="125px">
			<p class=" a "><a href="">今日校园ap<br> (Android&IOS已通过<br>教育部核验)</a></p>
			<br>
			<p class=" b ">备案号：教APP备3200007号 2019年8月,<br>为引导和[…]</p>
			<br><br>
			<p class=" b"> Read more<< </p>
			</div>
			<div class="f1 fs3"><img src="img/pr/aaa.png"width="325px" height="125px">
			<p class=" a "><a href="">更新时间：2019年8月9<br>日 V8.1.0</a></p>
			<br>
			<p class=" b ">更新内容：  -成长体系以任务打卡形式，面向<br>新生的趣味成长活[…]</p>
			<br><br>
			<p class=" b"> Read more<< </p>
			</div>
			<div class="f1 fs3"><img src="img/pr/aaa.png"width="325px" height="125px">
			<p class=" a "><a href="">更新时间：2019年7月<br>20日 V8.0.9</a></p>
			<br>
			<p class=" b ">更新内容： 迎新专题-2019迎新专题页上线，<br>包含迎新应用、[…]</p>
			<br><br>
			<p class=" b"> Read more<< </p>
			</div>
		</div>
	
	<div class="w6"><img src="img/pr/QT3PD5B%7DWJ5%5BB918LS~A)%25J.png"width="1518px" height="260px"></div>
    <div class="fs1">全国合作院校</div>
	 <div class="fs4">排名不分先后</div>
	 <div class="w7"><img src="img/pr/cropped-.png""width="1480px" height="490px"></div>
<div class="w8"><img src="./img/pr/zzhh.png" width="1520px" height="200px"></div>
</html>
